import React from 'react'

// function Greet() {
//     return <h1>Hello Vishwas</h1>
// }

// const Greet = () => <h1>Hello Vishwas</h1>

// const Greet = props => {
//     return (
//         <div>
//             <h1>Hello {props.name}</h1>
//             {props.children}
//         </div>
//     )
// }

const Greet = ({name, children}) => {
    return (
        <div>
            <h1>Hello {name}</h1>
            {children}
        </div>
    )
}

export default Greet;